import Vue from 'vue'
// 1.引入vue-router
import VueRouter from 'vue-router';

// 2.使用(安装)vue-router（VueRouter是作为插件增强Vue的功能）

// const originalPush = VueRouter.prototype.push
// VueRouter.prototype.push = function push(location, onResolve, onReject) {
//     if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
//     return originalPush.call(this, location).catch(err => window.console.log(err)
//     )
// }

Vue.use(VueRouter);
//3.引入你要的组件
import main from '../components/main.vue';
import pagesLink from '../components/pagesLink.vue';
import moreLinks from '../components/moreLinks.vue';

import register from '../components/user/register.vue';
import login from '../components/user/login.vue';
import userCenter from '../components/user/userCenter.vue';
import newsPage from '../components/news/newsPage.vue';
import myLike from '../components/user/myLike.vue';
import myComment from '../components/user/myComment.vue';
import myReply from '../components/user/myReply.vue';
import myDiscount from '../components/user/myDiscount.vue';
import myNotice from '../components/user/myNotice.vue';
import saveCenter from '../components/user/saveCenter.vue';
import editPhone from '../components/user/editPhone.vue';
import setPhone from '../components/user/setPhone.vue';
import setPassword from '../components/user/setPassword.vue';
import accountMerger from '../components/user/accountMerger.vue';



// 4. 实例化router并配置参数:路由规则
let router = new VueRouter({
    // mode:'hash',
    // 配置参数：不同的 URL 显示不同的内容
    routes: [
        // 首页
        {
            name: 'main', //路由名,这个是"首页"
            path: '/main', //路由路径，当浏览器地址为/main时，显示main组件的内容
            component: main //组件名
        },
        {
            name: 'moreLinks', //路由名,这个是"首页"
            path: '/moreLinks', //路由路径，当浏览器地址为/main时，显示main组件的内容
            component: moreLinks //组件名
        },
        {
            name: 'register', //路由名,这个是"注册"
            path: '/register', //路由路径，显示组件的内容
            component: register //组件名
        },
        {
            name: 'login', //路由名,这个是"登录"
            path: '/login', //路由路径，显示组件的内容
            component: login //组件名
        },
        {
            name: 'userCenter', //路由名,这个是"用户中心"
            path: '/userCenter', //路由路径，显示组件的内容
            component: userCenter //组件名
        },
        {
            name: 'pagesLink', //路由名,这个是"全站导航"
            path: '/pagesLink', //路由路径，显示组件的内容
            component: pagesLink //组件名
        }
        ,
        {
            name: 'newsPage', //路由名,这个是"新闻"
            path: '/newsPage', //路由路径，显示组件的内容
            component: newsPage //组件名
        }
        ,
        {
            name: 'myLike', //路由名,这个是"新闻"
            path: '/myLike', //路由路径，显示组件的内容
            component: myLike //组件名
        }
        ,
        {
            name: 'myComment', //路由名,这个是"新闻"
            path: '/myComment', //路由路径，显示组件的内容
            component: myComment //组件名
        }
        ,
        {
            name: 'myReply', //路由名,这个是"新闻"
            path: '/myReply', //路由路径，显示组件的内容
            component: myReply //组件名
        }
        ,
        {
            name: 'myDiscount', //路由名,这个是"新闻"
            path: '/myDiscount', //路由路径，显示组件的内容
            component: myDiscount //组件名
        }
        ,
        {
            name: 'myNotice', //路由名,这个是"新闻"
            path: '/myNotice', //路由路径，显示组件的内容
            component: myNotice //组件名
        }
        ,
        {
            name: 'saveCenter', //路由名,这个是"新闻"
            path: '/saveCenter', //路由路径，显示组件的内容
            component: saveCenter //组件名
        }
        ,
        {
            name: 'editPhone', //路由名,这个是"新闻"
            path: '/editPhone', //路由路径，显示组件的内容
            component: editPhone //组件名
        }
        ,
        {
            name: 'setPhone', //路由名,这个是"新闻"
            path: '/setPhone', //路由路径，显示组件的内容
            component: setPhone //组件名
        }
        ,
        {
            name: 'setPassword', //路由名,这个是"新闻"
            path: '/setPassword', //路由路径，显示组件的内容
            component: setPassword //组件名
        }
        ,
        {
            name: 'accountMerger', //路由名,这个是"新闻"
            path: '/accountMerger', //路由路径，显示组件的内容
            component: accountMerger //组件名
        }
        ,
        {
            path: '/', //当浏览器地址为/时，显示main组件的内容
            redirect: '/main' //重定向跳转到“首页”
        },
        
        {
            name: 'other',
            path: '*',
            component: main
        }
        

    ]
});

// 4.导出路由

export default router;